<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="js/jquery-3.7.1.min.js"></script>
  <script>
    function login() {
            $.ajax({
                type:"post",
                url:"/user/login",
                data:{
                    userName:$("#userName").val(),
                    password:$("#password").val()
                },
                success:function(result){
                    if(result){
                        location.href = "index.html";
                    }else{
                        alert("密码错误，请确认");
                    }
                }
            })
        }

  </script>
</body>

</html>